<template>
  <div class="hello">
      <v-header></v-header>
      <v-headertwo></v-headertwo>
      <v-scontent></v-scontent>
      <v-image></v-image>
    <v-hcenter></v-hcenter>
    <v-buddy></v-buddy>
    <v-link></v-link>
    <v-last></v-last>
  </div>
</template>

<script>
  import  VHeader from '@/components/VHeader.vue'
  import  VHeadertwo from '@/components/VHeadertwo.vue'
  import  VScontent from '@/components/VScontent.vue'
  import  VImage from '@/components/VImage.vue'
  import  VHcenter from '@/components/VHcenter.vue'
  import  VBuddy from '@/components/VBuddy.vue'
  import  VLink from '@/components/VLink.vue'
  import  VLast from '@/components/VLast.vue'

export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  components:{
    VHeader,
    VHeadertwo,
    VScontent,
    VImage,
    VHcenter,
    VBuddy,
    VLink,
    VLast
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
*{
  margin:0;
  padding:0;
  min-width: 1200px;

}
</style>
